<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="static/image/205.png" />
    <link rel="stylesheet" href="static/ku/bootstrap-3.4.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/app.css">
    <link rel="stylesheet" href="static/css/navbar.css">
    <link rel="stylesheet" href="static/css/index.css">
    <title>205小说网</title>
</head>

<body>
    <div class="container">
        <div class="center">
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="index.html">
                            <img alt="Brand" src="static/image/205.png">
                            <div>205小说网</div>
                            <div style="color: red;margin-left: 30px;">匠心打磨好作品</div>
                        </a>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <!-- <form class="navbar-form navbar-left">
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="Search">
                        </div>
                        <button type="submit" class="btn btn-default">Submit</button>
                    </form> -->
                        <ul class="nav navbar-nav navbar-right">
                            <li>
                                <form class="navbar-form navbar-left">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="请输入书名/作者/主角">
                                        <span class="input-group-btn">
                                            <button class="btn btn-default" type="button">搜索</button>
                                        </span>
                                    </div>
                                </form>
                            </li>
                            <li class="dropdown">
                                <a href="./login.html">
                                    <div>
                                        <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                                        去登录
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="static/image/banner0.jpg" alt="">
                    </div>
                    <div class="item">
                        <img src="static/image/banner1.jpg" alt="">
                    </div>
                    <div class="item">
                        <img src="static/image/banner2.jpg" alt="">
                    </div>
                    <div class="item">
                        <img src="static/image/banner3.jpg" alt="">
                    </div>
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
            <div class="centerBox">
                <div class="centerLeftBox">
                    <div class="centerLeftBoxAuthorBox">
                        <a href="#" class="centerLeftBoxAuthor">
                            <div class="centerLeftBoxAuthorLeft">
                                <div class="centerLeftBoxAuthorTitle">
                                    作家专区
                                </div>
                                <div class="centerLeftBoxAuthorClick centerLeftBoxAuthorHover">
                                    点击进入&nbsp;&nbsp;>
                                </div>
                            </div>
                            <div class="centerLeftBoxAuthorRight">
                                <img src="static/image/bi.png" alt="">
                            </div>
                        </a>
                        <a href="#" class="centerLeftBoxAuthor">
                            <div class="centerLeftBoxAuthorLeft">
                                <div class="centerLeftBoxAuthorTitle">
                                    签约政策
                                </div>
                                <div class="centerLeftBoxAuthorClick">
                                    <div>
                                        高价保底&nbsp;&nbsp;>
                                    </div>
                                    <div>
                                        无责全勤&nbsp;&nbsp;>
                                    </div>
                                </div>
                            </div>
                            <div class="centerLeftBoxAuthorRight">
                                <img src="static/image/bi.png" alt="">
                            </div>
                        </a>
                    </div>
                    <div class="centerLeftBoxCtegory">
                        <!-- /novel/category -->
                        <div class="centerLeftBoxCtegoryRow">
                            <div class="centerLeftBoxCtegoryRowTitle">
                                <div class="centerLeftBoxCtegoryRowTitleIcon boyIcon">
                                    <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
                                </div>
                                <div>
                                    男生频道
                                </div>
                            </div>
                            <div class="divide">|</div>
                            <div class="centerLeftBoxCtegoryRowInfo">

                            </div>
                        </div>
                        <div class="centerLeftBoxCtegoryRow">
                            <div class="centerLeftBoxCtegoryRowTitle">
                                <div class="centerLeftBoxCtegoryRowTitleIcon grilIcon">
                                    <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
                                </div>
                                <div>
                                    女生频道
                                </div>
                            </div>
                            <div class="divide">|</div>
                            <div class="centerLeftBoxCtegoryRowInfo">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="centerRightBox">
                    <div class="centerRightBoxTitle">
                        大热榜&nbsp;&nbsp;>
                    </div>
                    <div class="centerRightBoxInfo">
                        
                    </div>
                </div>
            </div>
            <div class="novelInfo">
            </div>
        </div>
    </div>


    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="static/ku/jQuery/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="static/ku/bootstrap-3.4.1/js/bootstrap.min.js"></script>
    <script src="static/ku/zjm/zjm.js"></script>
    <script src="static/js/index.js"></script>
</body>

</html>